<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新品首发</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/newGoods.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">热销商品</div>
      <div class="rt"></div>
    </div>
    <div class="brand-info">
      <div class="name">
        <img class="img" src="./static/demo/banner_url.jpg" background-size="cover"/>
        <div class="info-box">
          <div class="info">
            <span class="txt">大家都在买的好物！</span>
            <span class="line"></span>
          </div>
        </div>
      </div>
    </div>
    <div class="sort">
      <div class="sort-box">
        <div class="item active" >
          <span class="txt">综合</span>
        </div>
        <div class="item by-price " >
          <span class="txt">价格</span>
        </div>
        <div class="item">
          <span class="txt">分类</span>
        </div>
      </div>
      <div class="sort-box-category" hidden>
        <div class="item active">全部</div>
        <div class="item">居家</div>
        <div class="item">餐厨</div>
        <div class="item">餐厨</div>
        <div class="item">餐厨</div>
        <div class="item">餐厨</div>
      </div>
    </div>
    <div class="cate-item">
      <div class="b">
        
          <a class="item" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
          <a class="item item-b" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
          <a class="item" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
          <a class="item item-b" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
          <a class="item" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
          <a class="item item-b" href="./goods.html?id=1">
            <img class="img" src="./static/demo/index-renqi.png" background-size="cover"/>
            <span class="name">绿豆糕80克 </span>
            <span class="price">￥200.22</span>
          </a>
      </div>
    </div>
  </div>
</body>
</html>